/*
           TEMPLATE CSS BY
           ROBERT HARTL FOR
           TEXTPATTERN 4.0.3
           http://www.hartl.info
*/

/*-----------General-hack--------------*/
*
{
 margin:0;
 padding: 0;
}

p, form, table 
{
 margin:10px 0 10px 0;
}

/* ----- Layout - Struktur --------------- */

body 
{
 background: #eee url(/images/2.jpg) top repeat-x; /*change this to 3.jpg or 4.jpg for dark/blue Background*/
 margin:  0;
 padding: 0;
 text-align: center;
 font-size : 76%; /*sets 12px to normal */
 font-family :  'Trebuchet MS', Tohama, Verdana, Arial, Sans-Serif;
 color:#464646;
 letter-spacing:0.05em;
 line-height:1.6em;
}

#paging
{
 font-size:1.1em;
 width:70% !important;
 width:760px; /*a hack for IE would be too hard to change for non-freaks*/
 min-width:760px;
 padding: 0; 
 background: #fff;
 margin: 20px auto;
}

/*-------------Access-------------------------*/
ul#access {display:none;}

/*--------------Heading----------------------*/
h1#heading a
{
 display:block;
 width:100%;
 height:120px;
 border:none;
 text-decoration: none;
 font:50px bold georgia, 'times new roman', serif; /*due to IE em-problems fix but huge enough*/
 letter-spacing:0.1em;
 text-transform:lowercase;
 margin:0;
 padding:0;
 padding-top:30px;
 color:#eee;
 background: #2339a8 url(/images/5.jpg) top no-repeat; /*this should be the sky-background*/
}

h1#heading a:hover
{
 color:#fff;
}

/*----------------------Navi-------------------*/
#fullnavig 
{
 width:100%;
 height:27px;
 background: #e0e0e0;
 border-bottom:1px solid #ddd;
 border-top:1px solid #ddd;
}

ul#navig
{
 margin: 0;
 padding : 0;
 list-style : none;
}

ul#navig li
{
 float:left;
}/* thanks IE(intelligence ...)*/

ul#navig li a
{
 font: 1em bold Tahoma, 'Tretbuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 0.3em;
 padding: 6px 18px 0px 16px;
 border:none;
 display:block;
 float:left;
 height:21px;
 border-right: 1px solid #d4d4d4;
 background:#e0e0e0;
}

ul#navig li a:hover
{
 background: #fff;
}

.underline {border-bottom:2px dotted #fff;}

/*----------------actual-section-trick---------*/
/*   the actual section ist always marked only by css
      look at the default section at the body start tag
*/
#default a#navig1, #article #navig2, #information #navig3, #contact #navig4
{
 background:#2339a8;
 color:#fff;
}

/*-------------box-wrapping------------------*/
#box 
{
 width:90% !important;
 width:760px; /*a hack for IE would be too hard to change for non-freaks*/
 min-width:760px;
 margin: 0 auto;
 background: #fff;
}

/*----------------content------------------------*/
#content
{
 float:left;
 width:500px;
 padding:10px 25px;
 margin:0;
 text-align:left;
 background:#fff;
}

#content h1
{
 font-size:1.8em;
 color:#c30;
 text-transform:uppercase;
 letter-spacing:0.05em;
 line-height:1.1em;
 border-bottom:2px solid #eee;
}

#content h2, #content h3, #content h4, #content h5
{
 font-size:1.2em; /*because of this all headings h2, h3, ...are same size, feel free to change*/
 margin-top:25px;
 color:#c30;
 text-transform:uppercase;
}

.postdetails
{
 text-align:right;
 font-size:0.8em;
 color:#999;
}

.emph /*this is the grey emphasise box */
{
 border:1px solid #ddd;
 background:#eee;
 padding:3px;
 text-align: center;
}

h1#cat-heading {margin-bottom:25px;}
.space {margin:15px 0 35px 0;}
img.space{border:none;}

/*---------comments and form-----------*/
ol.comments
{
 list-style:none;
}

.commentform textarea
{
 width: 450px;
 height: 130px;
}

.commentform input, .commentform textarea
{
 padding: 1px 2px 1px 1px;
 margin-bottom:5px;
 font:1em verdana, arial, sans-serif;
}

.who{
 background: #eee;
}

/*--------------------sidebar-------------------*/
#sidebar
{
 float:right;
 width:160px;
 padding:7px 20px 10px 10px;
 text-align:left;
 margin:0;
 background:#fff;
 line-height:1.6em;
}

#sidebar h2
{
 text-align:right;
 font: 1.4em bold georgia, 'times new roman', serif;
 text-decoration: none;
 text-transform: lowercase;
 letter-spacing: 0.25em;
 padding: 7px 0px 0px 0px;
 border-bottom: 2px solid #eee;
 color:#c30;
}

#sidebar ul, #sidebar ol
{
 line-height:1.2em;
 margin:5px 0 20px 20px;
 list-style-image: url(/images/6.gif); /*icons in the sidebar for pages*/
 list-style-position:outside;
}

#sidebar ul.cats
{
 list-style-image: url(/images/7.gif); /*category sidebar icons*/
}

#sidebar ul.feeds
{
 list-style-image: url(/images/8.gif); /*feed icons*/
}

/*----------------------footer---------------*/
#footer
{
 font:0.8em normal verdana, arial, sans-serif;
 letter-spacing:0.1em;
}

/*-------------content images---------------*/
img
{
 margin:5px;
 padding:2px;
 border:1px solid #eee;
 background:#fff;
}

.right
{
 float:right;
}
.left
{
 float:left;
}

/*-----------------links------------------------*/

a, a:link, a:visited, a:active
{
 color: #2339a8;
 text-decoration: none;
 border:none;
}

a:hover
{
 color: #36f;
 text-decoration:none;
 border-bottom:none;
}

code
{
 font: 1em normal 'courier new', courier, serif;
}

del
{
 color:#aaa;
}

ul, ol
{
 list-style-position:inside;
}

acronym, abbr
{
 cursor: help;
 border-bottom: 1px dotted #d48d77;
}

blockquote, cite
{
 margin: 15px 30px 0 20px;
 padding-left: 15px;
 border-left:6px solid #eee;
}

hr {visibility:hidden;}
.clearleft {clear:left; line-height:1px;}
.clearright {clear:right; line-height:1px;}
.clearboth { clear: both;  line-height: 1px;}